﻿/*面包屑导航*/
.crumb{ margin-top:18px;color:#666;}
.crumb span{ color:#333; margin-left:10px;}
.crumb a{ color:#666;margin:0 10px 0 10px;}
.crumb a:hover{ color:#ed5400;}
.crumb a.crumb-index{ margin-left:0;}
/*步骤*/
.steps{ height:30px; background:url(../../img/shoppingcart/steps.png) no-repeat;margin-top:18px; }
.steps li{ float:left; display:block; width:237px; height:30px; line-height:30px; color:#b8b8b8; font-weight:700; font-size:14px; text-align:center;}
.step1{ background-position:0 0 ;}
.step2{ background-position:0 -30px ;}
.step3{ background-position:0 -60px ;}
.step4{ background-position:0 -90px ;}
.step1 li.step1, .step2 li.step2, .step3 li.step3, .step4 li.step4{ color:#fff;}
/*shopping form*/
.shopping-form{ padding:30px 40px;}
.form-title{ padding:0 0 4px 26px; color:#242424; font-size:14px; font-weight:700; border-bottom:dotted 1px #b8b8b8; background:url(../../img/shoppingcart/title.png) no-repeat 15px 4px; }
.form-title span{ float:right; color:#b8b8b8; font-size:12px; font-weight:300;}
.form{ padding:14px 0 0px;}
.form-field{ padding:6px 0; padding-left:220px; color:#242424; font-size:14px; }
.form-field-minheight{ height:24px;}
.form-label{ width:210px; margin-left:-220px; font-size:14px; line-height:22px; height:20px; overflow:hidden; color:#666;}
.form-label-captcha{ margin-top:10px;}
.form-label-bd{color:#666; margin-left:32px;}
.form-label-input{ margin:0 12px 0 0px; width:130px; display:inline-block;}
.form-label-input span{ color:#ed5400; font-size:12px;}
.form-label-input input{ margin-right:4px;}
.form-payment{ padding:4px 10px; margin:-4px 0 0 -10px; border:solid 1px #fff; background-color:#fff; _margin-left:0; *margin-left:0;}
.form-payment .close{ padding-top:8px; height:24px; _padding-left:2px; }
.form-payment-open{border-color:#f6dcc1; background-color:#fff5eb;}
.form-select-more{ font-size:12px; color:#ed5400; cursor:pointer; padding-right:16px; background:url(../../img/shoppingcart/more.png) no-repeat right 5px; width:50px; margin-left:10px;}
.form-select{width:182px; height:24px; border:solid 1px #d1d1d1; margin-right:20px;}
.form-select-num{ width:86px;}
.form-price{ margin-right:10PX; color:#ed5400; font-family:Tahoma; font-weight:700;}
.form-text{width:176px; height:20px; border:solid 1px #d1d1d1; padding:0 2px; line-height:20px;vertical-align:middle;}
.form-text-onfocus{ border-color:#666;}
.form-text-onerror{ border-color:#f00;}
.form-text-captcha, .form-text-num{ width:90px;}
.form-captcha{ display:inline-block;}
.form-captcha-img{ margin-left:10px;vertical-align:middle; cursor:pointer;}
.form-captcha-a{ color:#ed5400; margin-left:10px;font-size:12px; text-decoration:underline;cursor:pointer;}
.form-require{ color:#ce1718; margin-right:8px;}
.form-require-margin{margin-left:-10px;}
.form-tip{ margin-left:10px; font-size:12px; color:#666;}
.form-help{ color:#ed5400; margin-left:10px;font-size:12px; text-decoration:underline;}
.form-button{ margin-top:32px; text-align:center;}
.form-btn-next{ width:150px; height:40px; line-height:25px; padding:3px 0 12px 0; border:0; color:#fff; font-weight:700; font-size:20px; background:url(../../img/shoppingcart/btn-next.png) no-repeat;}

.light-form{ padding:10px 0 30px 0;}
.light-form table{ width:100%;}
.light-form td{ padding-top:8px;}
.light-form td.label{ width:100px; text-align:right; padding-right:10px;}
.light-btn{ height:40px; text-align:center;}
.light-btn button{ margin:0 10px; width:150px; height:40px; border:0; background:url(../../img/shoppingcart/btn-light.png) no-repeat;}
.light-btn button.light-btn-confirm{ background-position:0 0;}
.light-btn button.light-btn-backedit{ background-position:0 -40px;}
.light-btn button.light-btn-confirmedit{ background-position:0 -120px;}

/* form message */
.form-message{ margin-left:4px;vertical-align:middle;}
.form-message i, .form-message s{ display:inline-block; float:left; width:18px; height:18px; background:url(../../img/shoppingcart/form-message.png) no-repeat -999px -999px;}
.form-message .success i{ background-position:0 0; }
.form-message .attention i{ background-position:0 -36px; margin:0 2px; }
.form-message .error{ font-size:12px; border:solid 1px #ff8d22; background-color:#fffada; margin-left:12px; padding-right:4px; color:#f00;}
.form-message .error i{ background-position: 0 -18px;}
.form-message .error s{ background-position: 0 -144px; margin-left:-12px; width:12px; position:relative; z-index:1; }
.form-message .tip, .form-message .attention{ color:#666; font-size:12px; background-color:#fffaef; border:solid 1px #f5dcc4;padding-right:4px; padding-top:2px;}
.form-message .tip i{ background-position:0 -54px; margin-top:-1px;}

/*特例*/
.shopping-form td{ padding:6px 0; width:650px; font-size:14px; position:relative;}
.shopping-form .tb-label{ width:210px; padding-right:10px; text-align:right; vertical-align:top; height:25px; color:#666;}
.bigorg{ color:#ed5400; font-weight:bold; font-size:18px; font-family:Tahoma}
.gry{ color:#666666}
div.yform img,span.yform img,span.wrong img{ position:absolute; left:-6px; top:5px;}
div.wrong,span.wrong { position:relative; background:#fffada url(../../img/shoppingcart/form-message-error.png) no-repeat 1px 3px;margin-left:8px; padding:0 4px 0 16px; height:20px; display:inline-block; color:red;border:1px solid #ff8d22; line-height:21px; font-size:12px;}
div.wright, span.wright{background:url(../../img/shoppingcart/form-message-right.png) no-repeat; width:14px; margin-left:8px; padding-left:16px; height:15px; display:inline-block;}
.gtxt{ border:1px solid #d1d1d1; padding-left:3px; padding:2px; font-size:14px; line-height:18px;}
.gtxtg{height:18px; background:#f7f7ff; border:1px solid #adc7ef; font-size:14px; line-height:18px;}
.gtxtr{height:18px; background:#fff7f7; border:1px solid #f7b6bd; font-size:14px; line-height:18px;}